import React,{createRef} from "react";
import { HelloWord } from "../Component/HelloWord";
import AddCount from "../Component/AddCount";
// import Tab from "../Component/Tab";
// import Navbar from "../Component/Navbar";
// import ThemContext from "../context";
import Apps from '../高阶组件/App'
// class App extends React.Component{
//     constructor(){
//         super();
//         this.state = {
//             message:'Hello World',
//             boxList:[{id:1,name:'《史记》'},{id:2,name:'《西游记》'},{id:3,name:'《水浒传》'}],
//             countder:100
//         }
//     }
//     changeCount(count){
//         this.setState({
//             countder:this.state.countder += count
//         })
//          console.log(count,'count');
//     }
//     render(){
//         const { message, boxList, countder } = this.state
//         return(
//             <>
//             <h1>{ message }</h1>
//             <h2>{ countder }</h2>
//              <HelloWord  infos={boxList}/>   
//              <AddCount addCountFn={(count)=>this.changeCount(count)}/>
//             </>
//         )
//     }
// }

import eventBus from "../utils/event-bus";

class App extends React.Component {
    render(){
        return(
            <Apps/>
        )
    }
    // constructor() {
    //     super()
    //     this.state = {
    //         tabList: ['流行', '新歌', '精选'],
    //         tabIndex: 0
    //     }
    //     this.getDOM = createRef();
    // }
    // componentDidMount(){
    //     eventBus.on("prevFn",(name,height,age)=>{
    //         console.log('App中监听到prevFn ',name,height,age);
    //     })
    //     console.log(this.getDOM.current);
    // }
    // DyIndex(tabIndex) { this.setState({ tabIndex }) };
    // render() {
    //     const { tabList, tabIndex } = this.state;
    //     return (
    //         <>
    //             <Tab title={this.state.tabList} tabIndexFn={(index) => this.DyIndex(index)} />
    //             <h1>{tabList[tabIndex]}</h1>
    //             <ThemContext.Provider value={{size:55,age:28,name:'张三'}}>
    //                 <Navbar>
    //                     <butotn ref={this.getDOM}>按钮</butotn>
    //                     <h1 ref={(el)=>{console.log('获取的dom',el)}}>132</h1>
    //                     <span>更多</span>
    //                 </Navbar>
    //             </ThemContext.Provider>
    //         </>
    //     )
    // }
}

export default App;